.meal-top{
    padding: 15px 0;
    border-bottom:1px dashed #dbdbdb;
    .meal-name{
        font-size:17px;
        color:#333;
    }
    .price{
        font-size: 15px;
        color:#ef6d0e;
        font-weight: bold;
    }
    .info{
        color:#999;
        margin-top: 15px;
    }    
    /*singleDetail*/
    .sub-icon,.add-icon{
        width:12px;
        height:12px;
        background-color:#e6e6e6;
        padding:11px;
    }
    .sub-icon{
        background-position: 5px -29px;
    }
    .add-icon{
        background-position: 5px -48px;
    }
    .meal-search-number{
        background-color:#f5f5f5;
        padding: 2px;
        height: 18px;
        width:67px;
        color:#06c1ae;
        font-size:15px;
        line-height: 12px;
        text-align: center;
    }
    .number-detail{
        .fl{
            margin-right:8px;
        }
    }
    .meal-choose{
        line-height:22px;
        margin-top:14px!important;
        .font-style{
            color:#666;
        }
        p{
            overflow: hidden;
        }

        i{
            display: inline-block;
            &.f1{
                width:28px;
            }
            &.f2{
                width:7px;
            }
        }
    }
    .cai{
        margin-top:14px;
    }
}
.meal-content{
    .baner{
        img{
            width:100%;
            max-height:158px;
            display: inherit;
        }
    }
    .meal-catelog1{
        margin-top: 16px;
    }
    .meal-catelog2{
        margin-top: 19px;
    }
    .meal-catelog3{
        margin-top: 25px;
    }
    .notice{
        margin-top:15px;
    }
    .notice,.other-info{
        font-size: 12px;
        color:#06c1ae;
    }
    .meal-title,.meal-title1{
        color:#333;
        border-left:2px solid #06c1ae;
        padding-left:5px;
        line-height: 15px;
    }
    .meal-title1{
        font-size:14px;
    }
    .meal-title{
        font-size:15px;
    }
    .more-cat,.look-old{
        font-size: 15px;
        color:#06c1ae;
        display: inline-block;
    }
    .more-cat{
        position: absolute;
        right:0;
        bottom:0;
        background-color:#fff;
        border: 1px dotted;
        height: 98%;
        width: 17%;
        .borderradius;
        text-align: center;
    }
    .look-old{
        padding: 10px 0;
        display: block;
    }
    .meal-detail{
        font-size: 13px;
        margin-top: 15px;
        li{
            .displaybox;
            margin-bottom:12px;
            position: relative;
        }
        img{
            width:100%;
            max-height:158px;
        }
        .meal-intro{
            margin-bottom: 9px;
        }
        &.authentication{
            .borderradius;
            border:1px solid #e6e6e6;
            img{
                width:100%;
                border:none;
                max-height:160px;
            }
        }
    }
    .more-font{
        margin-top: 22%;
        display: block;
    }
    .cate-item{
        width:100%;
        height:auto;
        overflow:hidden;
        .borderradius;
        display: inline-block;
        position: relative;
        border:1px solid #e6e6e6;
        .boxflex;
        .displaybox;
        margin-right:12px;
        &:nth-child(5){
            margin-right:0;
        }
    }
    .page-size{
        background-size:48px 460px;
    }
    .search-icon{
        background-position: 3px 1px;
        width:26px;
        height:26px;
        background-color:#06c1ae;
        position: absolute;
        bottom:0;
        right:0;
        .borderradius(1px);
    }
    .more-icon{
        background-position: 10px -17px;
        width: 30px;
        height: 10px;
    }
    .meal-line{
        width:100%;
        margin-top:12px;
        height:3px;
        background:url(../images/meal3.png) repeat-x;
        background-size:1px 3px;
    }
    .operation{
        position: fixed;
        bottom: 0;
        width: 100%;
        padding-top: 20px;
        background-color: #fff;
        max-width: 740px;
    }
    .buy-button{
        font-size: 17px;
        width: 100%;
        padding: 12px 0;
        display: block;
        text-align: center;
        background-color: #ff9e05;
    }
    /*singleDetail*/
    button{
        border:none;
        text-indent:-9999px;
        outline: none;
    }
}
.order-option{
    font-size: 15px;
    h5{
        font-size: 15px;
    }
    .send-time{
        line-height: 22px;
    }
    .order-top{
        background-color: #fff;
        border-bottom:1px solid #e6e6e6;
        margin-bottom: 10px;
        padding: 18px 32px 18px 16px;
        position: relative;
    }
    .top-info{
        color:#666;
        margin-bottom: 8px;
    }
    .next-icon{
        background-position: 0 -137px;
        width: 8px;
        height: 16px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
    }
    .order-content{
        background-color: #fff;
        border-top:1px solid #e6e6e6;
    }
    input[type='checkbox']{
        width: 19px;
        height: 19px;
        opacity: 0;
    }
    .uncheck-icon{
        vertical-align: middle;
        background-position: 0 -81px;
        width:18px;
        height:18px;
        display: inline-block;
    }
    .check-icon{
        background-position: 0 -112px;
    }
    .m-bottom{
        margin-bottom: 8px;
    }
    p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }
    .title{
        color:#666;
    }
    .left-show{
        .boxflex;
        .displaybox;
        img{
            width:60px;
            height:60px;
            border:1px solid #e6e6e6;
            margin-right: 10px;
        }
        .detial-top{
            margin-bottom: 4px;
        }
        .total{
            color:#333;
        }
        p{
            font-size: 13px;
            line-height: 20px;
        }
        .time{
            font-size: 15px;
            color:#666;
        }
    }
    .line-height{
        line-height: 29px;
    }
    .pay-money{
        color:#666;
    }
    .img-detail{
        .boxflex;
    }
    li{
        .displaybox;
        border-bottom:1px solid #e6e6e6;
        padding: 13px 16px;
    }
    .gray{
        opacity: 0.6;
        background-color: #e6e6e6;
    }
    .padding-first{
        padding: 7px 16px;
    }
    .padding-other{
        padding: 8px 16px;
    }
    .box-align{
        .boxalign;
    }
    .pay-total{
        color:#ff9e05;
        font-size:18px;
    }
    .pay-icon{
        height: 29px;
        padding-left:38px;
        background-size:29px 29px;
        background-repeat: no-repeat;
        line-height: 29px;
    }
    .weixin-pay{
        background-image:url("../images/weixin.png");
    }
    .zfb-pay{
        background-image:url("../images/zhifubao.png");
    }
    .ye-pay{
        background-image:url("../images/yue.png");
    }
    .submit{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        a{
            font-size: 18px;
            width:100%;
            padding:12px 0;
            display: block;
            text-align: center;
            background-color:#ff9e05;
        }
        em{
            width:60%;
            padding: 12px 0;
            text-align: center;
            border-top: 1px solid #e6e6e6;
            color:#666;
        }
        .submit-link{
            width:40%;
            display: inline-block;
        }
    }
    .yue-pay{
        line-height: 16px;
        display: inherit;
        label{
            font-size: 11px;
            color: #999;
        }
    }
}
.back-color{
    background-color: #f5f5f5;
}
.blank70{
    height:70px;
}
@media screen and (max-width:600px){
    .meal-content{
        .search-icon{
            width:13px;
            height:13px;
        }
        .page-size{
            background-size:24px 230px;
        }
    }
}